<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
    <div style="font-size: 40px" @click="handleChange">{{ msgs }}</div>
  </div>
</template>

<script lang="ts" setup>
import { ref, onMounted, getCurrentInstance } from "vue";
import HelloWorld from "@/components/HelloWorld.vue";
const { proxy }: any = getCurrentInstance();
onMounted(() => {
  proxy.$http
    .get({
      url: "/marketing/dictionary/project_type/list",
    })
    .then((res: any) => {
      console.log("axios接口获取的数据", res.data);
    });
});
let count = ref(["1", "2", "3", "4"]);
const msgs = ref("3211233211");
let a: string[] = [];
console.log(count.value, "count");
count.value.map((item) => {
  a.push(item);
});
console.log(a);
const handleChange = () => {
  console.log(123);
};
</script>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  data() {
    return {
      msgs: "1233211231456547",
    };
  },
});
</script>
<style lang="less" scoped></style>
